<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            list-style: none;
            font-size: 20px;
        }

        table {
            padding: 20px;
        }

        li {
            margin-top: 5px;
        }

        .l1 {
            color: red;
        }
    </style>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

<body>
    <div>
        <table class="body">
            <ul class="list">
                <li class="l1">问卷调查:您做喜欢的歌手是谁?</li>
                <li class="l2">
                    <input type="radio" name="check" id="c1">全选
                    <input type="radio" name="check" id="c2">全不选
                    <input type="radio" name="check" id="c3">反选
                </li>
                <li class="l3">
                    <input type="checkbox" class="ldh" id="">刘德华
                    <input type="checkbox" class="zxy" id="">张学友
                    <input type="checkbox" class="syz" id="">孙燕姿
                    <input type="checkbox" class="lh" id="">刘欢
                </li>
            </ul>
        </table>
    </div>
    <script>
        $(function () {
            $("#c1").on("click",function(){       
                    $(".l3>input").prop("checked",true);
            });
            $("#c2").on("click",function(){     
                    $(".l3>input").prop("checked",false);
            });
            $("#c3").on("click",function(){ 
                $(".l3>input").each(function(){
                   if($(this).prop("checked")){
                    $(this).prop("checked",false);
                   }else {
                    $(this).prop("checked",true);
                   }
                })
            });
            // $("#c1").on("click", function () {
            //     $(".l3>input").attr("checked", true);
            // });
            // $("#c2").on("click", function () {
            //     $(".l3>input").removeAttr("checked");
            // });
            // $("#c3").on("click", function () {
            //     $(".l3>input").each(function () {
            //         if ($(this).attr("checked")) {
            //             $(this).removeAttr("checked");
            //         } else {
            //             $(this).attr("checked", "true");
            //         }
            //     })
            // });
        })
    </script>
</body>

</html>